<template>
<div class="header" v-title data-title="广东省工业软件学会">
	<!-- 顶部 -->
	<div class="welcome">
		<p>广东省工业软件学会</p>
		
	</div>
	<!-- 链接区域 -->
	<div class="link">
		<div class="link-box">
			<ul>
				<li><a href="#">English</a></li>
				<li><a href="#">站点地图</a></li>
				<li><a href="#">联系我们</a></li>
				<li><a href="#">常见问题</a></li>
				<li><a href="#">加入我们</a></li>
				<li ><router-link to="/login">登录</router-link></li>
			</ul>
		</div>
	</div>
</div>
</template>

<script>
export default {
	name:'MyHeader',
	data(){
		return{
			username:'user123',
			password:'password123'
		}
	},
	methods:{
		login(){
			this.axios.get(`/api/test-get-login/${this.username}/${this.password}`).then(
				res => {
					console.log(res.data);
				},
				err => {
					console.log(err);
				}
			)
		}
	}
}
</script>

<style scoped>
  .header{
	background-color: #fff;
	width: 100%;
	top: 0px;
	left:0px;
}
.welcome{
	width:100%;
	min-width:1004px;
	height:36px;
	background-color: #f9fafa;
	/* border:1px solid red; */
	
}
.welcome p{
	width:1004px;
	/* border: 1px solid blue; */
	margin: 0 auto;
	line-height: 36px;
	text-align: left;
	color:#c4c4c5;
	border-bottom: 1px solid #dedede;
}
.link{
	/* border:1px solid red; */
	width:100%;
	min-width:1004px;
	height:60px;
}
.link-box{
	width:1004px;
	/* border:1px solid blue; */
	margin: 0 auto;
	height:57px;
	position: relative;
	overflow: hidden;
}
/* logo */
.link-box .logo{
	/* display:block; */
	height:57px;
	position: absolute;
	/* position: absolute; */
	/* width:365px; */	
}
.link-box .logo a{
	/* display:block; */
	display: block;
	/* border:100px solid blue; */
	height: 57px;
	width: 365px;
	/* position: absolute; */
	/* width:365px; */
}
.link-box .logo a img{
	/* width:100%; */
	height:100%;
}
.link-box ul{
	position:absolute;
	height: 57px;
	line-height: 57px;
	width:548px;
	/* float:right; */
	padding: 0;
	right: -18px;
	/* border: 1px solid red; */
	
}
.link-box ul li{
	height: 57px;
	line-height: 57px;
	
	display: inline-block;
}
.link-box ul li a{
	line-height: 57px;
	border-right:1px solid #b2b2b2;
	padding: 0 18px;
	color:#999;
	font-weight: 600;
}


</style>